<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>京东轮播图</title>
		<style type="text/css">
			div{
				widows: 730px;height: 454px;
				text-align: center;
			}
			img{
				
			}
			ul{
				list-style: none;
				position: absolute;
				top: 400px;left:580px;
			}
			li{ z-index: 3;
				float: left;
				margin: 10px;
				height: 26px;width: 26px;
				background-color: #6C6C6C;
				border-radius: 50%;

			}
			a{
				text-decoration: none;
				color: white;
			}
			li:hover{background-color:#FF8000 ;}
		</style>
	</head>
	<body>
		<div>
			<img src="img/focus.jpg" />
			<ul>
				<li><a href="JD.html" >1</a></li>
				<li><a href="JD.html">2</a></li>
				<li><a href="JD.html">3</a></li>
				<li><a href="JD.html">4</a></li>
				<li><a href="JD.html">5</a></li>
				
				
			</ul>
			
			
			
			
		</div>
		
		
	</body>
</html>
